const skData = [
  {
    src: "./upload/列表页/good1.jpg",
    title: '小茉莉弹力舞蹈鞋女软底中国舞古典舞练功成人艺考专用儿童猫爪',
    feature: '舞蹈鞋热销棒 · 第1名',
    price: 39.8,
    address: '河南 郑州',
    ensure: '包邮',
    customers: '回头客10万',
    shop: '小茉莉舞蹈旗舰店'
  },
  {
    src: "./upload/列表页/good2.jpg",
    title: 'Dickies德训鞋女鞋2025秋季新款休闲运动鞋女复古阿甘鞋子女板鞋',
    feature: '',
    price: 399,
    address: '浙江 温州',
    ensure: '新品 退货宝 包邮',
    customers: '回头客3万',
    shop: 'Dickies时尚旗舰店'
  },
  {
    src: "./upload/列表页/good3.jpg",
    title: '单鞋 5cm增高版浅口玛丽珍鞋女法式芭蕾舞鞋2025新款',
    feature: '日常 单鞋 一字式扣带',
    price: 288,
    address: '广东 广州',
    ensure: 'ifashion 包邮',
    customers: '回头客10万',
    shop: 'Cebostin腹肌旗舰店'
  },
  {
    src: "./upload/列表页/good4.jpg",
    title: '宋佳同款百丽海鸥乐福鞋女2.0厚底真皮英伦皮鞋单鞋子B5J1DCA5预',
    feature: '厚底乐福鞋热销榜 · 第1名',
    price: 699,
    address: '广东 深圳',
    ensure: '包邮',
    customers: '回头客90万',
    shop: '百丽官方旗舰店'
  },
  {
    src: "./upload/列表页/good5.jpg",
    title: 'LOSTWILD尖头高跟鞋女2025春夏新款侧空漆皮铆钉百搭性感浅口单鞋',
    feature: '日常 高跟鞋 一脚蹬',
    price: 135,
    address: '200+人付款',
    ensure: '先用后付 新品 ifashion',
    customers: '回头客4千',
    shop: 'LOST WILD孤岛自制女鞋'
  },
  {
    src: "./upload/列表页/good6.jpg",
    title: 'm cookie原创小众朋克辣妹尖头高跟鞋凉鞋 高级感蛇纹铆钉高跟',
    feature: '尖头 包跟 包头凉鞋',
    price: 348,
    address: '22+人付款',
    ensure: '包邮',
    customers: '6年老店',
    shop: '我是饼干'
  },
  {
    src: "./upload/列表页/good7.jpg",
    title: '鹿谷可可德训鞋女2025夏季新款爆款小众百搭透气小白鞋运动鞋板鞋',
    feature: '舞蹈鞋热销棒 · 第1名',
    price: 61.5,
    address: '36人付款 浙江',
    ensure: '先用后付 包邮',
    customers: '',
    shop: '鹿谷可可'
  },
  {
    src: "./upload/列表页/good8.jpg",
    title: '骆驼追寻慢跑鞋新款网面透气运动鞋软底减震银灰色复古休闲鞋男女',
    feature: '运动休闲 女子 跑道',
    price: 229,
    address: '2万+人付款',
    ensure: '退货宝 包邮',
    customers: '回头客10万',
    shop: '骆驼牌运动旗舰店'
  },
]
const sk = document.querySelector('.sk_bd ul')
function renderSk() {
  skData.forEach((goods, index) => {
    const { src, title, feature, price, address, ensure, customers, shop } = goods
    const li = document.createElement('li')
    li.innerHTML = `
      <a href="javascript:;">
        <img src=${src} alt="">
        <div class="below">
          <h2>${title}</h2>
          <p class="sk_feature">${feature}</p>
          <div class="details">
            <span class="style_red">&yen;<span class="price">${price.toFixed(2)}</span></span>
            <span class="address">${address}</span>
          </div>
          <div class="ensure style_red">${ensure}</div>
          <div class="info">
            <span class="style_red">${customers}</span>
            <span class="shop">${shop}</span>
          </div>
        </div>
      </a>
    `
    sk.appendChild(li)
  })
}
document.addEventListener('DOMContentLoaded', renderSk)